<div class="login-form" [@routerTransition]>
    <div class="pb-13 pt-lg-0 pt-5"  *ngIf="false">
        <h3>
            {{'VerifySecurityCode' | localize}}
        </h3>
    </div>
        <form #twoFactorForm="ngForm" class="login-form form" method="post" (ngSubmit)="submit()">
            <p>{{"VerifySecurityCode" | localize}}</p>
            <div class="form-group">
                <input #passwordInput="ngModel" autoFocus [(ngModel)]="code" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password" autocomplete="new-password" placeholder="{{'Code' | localize}} *" name="code" required maxlength="16" />
                <validation-messages [formCtrl]="passwordInput"></validation-messages>
            </div>

            <div class="form-group mt-4" *ngIf="s('Abp.Zero.UserManagement.TwoFactorLogin.IsRememberBrowserEnabled') === 'true'">
                <label class="checkbox checkbox-outline">
                    <input [(ngModel)]="loginService.authenticateModel.rememberClient" type="checkbox" name="rememberClient" value="true" />
                    <span></span>
                    {{"RememberThisBrowser" | localize}}
                </label>
            </div>

            <div class="pb-lg-0 pb-5">
                <button type="submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 my-3 mr-3" [disabled]="!twoFactorForm.form.valid">{{"Submit" | localize}}</button>
                <span class="remaining-time-counter ml-5" *ngIf="remainingSeconds >= 0">{{"RemainingTime" | localize}}: {{"SecondShort{0}" | localize:remainingSeconds}}.</span>
            </div>
        </form>
</div>
